iT邦幫忙

2024 iThome 鐵人賽

DAY 29
0
自我挑戰組

Unity入門遊戲開發與實作系列 第 29

【Day 29】經典 Flappy Birds 遊戲實作(七)終。Welcome Page、背景音樂,遊戲下載連結

  • 分享至 

  • xImage
  •  

今天我們要來製作最前面的 welcome page ,而且為這個遊戲加上背景音樂,由此作為這個小遊戲製作練習的結尾!

製作 Welcome Page

  • 新開一個 Scene,取名為 welcome
  • 在新的場景中創建一個 Canvas
  • 加入背景圖片、Logo圖片
  • 在 Cnaves 中,右鍵新增一個按鈕
  • 把按鈕的 source image 替換成我們自己的圖片
    按鈕有幾種狀態,分別是預設、被選中、被按下、已選擇和禁用,我們分別把不同效果的圖片分別拉到他們的選擇框中
    https://ithelp.ithome.com.tw/upload/images/20241013/20169301gKYahjtiup.png
    這樣按鈕在不同的觸發狀態時就會顯示不同的樣子
  • 調整這些素材到合適的位子
    https://ithelp.ithome.com.tw/upload/images/20241013/20169301jolgFEZfen.png
    這樣我們的 Welcome Page 就設計完成了

連結 Welcome Page 和 GamePlay

  • 接下來要來創立一個小腳本,取名為 welcome.cs 使我們按下 Strat 的時候會自動切換到遊戲場景
// welcome.cs
using UnityEngine;
using UnityEngine.SceneManagement;

public class welcome : MonoBehaviour
{
    public void nextScene()
    {
        SceneManager.LoadScene("GamePlay");
    }
}

這裡設立了一個 nextScene() 函式,用於切換到 GamePlay 場景。

  • 把這個函式套入場景中按鈕的 On Click 動作,這樣我們按下按鈕的時候,就會自動切換到 GamePlay 囉!

加入背景音樂

想要在場景中加入背景音樂,我先在 Canvas 導入 Audio Source 的 Component,在 Audio Clip 的地方把背景音樂拖拉到框框裡面,並且勾選 Play On Awake 的選項
https://ithelp.ithome.com.tw/upload/images/20241013/20169301sLuT9ebvLL.png
這樣背景音樂就會在自動進入場景的時候撥放囉!


到這裡這個 flappy Birds 小遊戲就算完成了!雖然遊戲方法簡單,但是卻是一個完成度很高的的小遊戲!透過這幾周的 Unity 練習,我總算對 Unity 有一些基本的了解,終於把一直很想學的軟體了解了一部分!
我還另外製作了遊戲的介紹網站並提供了下載連結,歡迎大家到以下的網站查看遊戲介紹和下載我製作的 Flappy Birds 小遊戲!

網站連結:
https://weijayc.github.io/My-games-download-page/web%20pages/v6.html#game1


上一篇
【Day 28】經典 Flappy Birds 遊戲實作(六)GameOver UI 和存檔系統
下一篇
【Day 30】鐵人賽心得
系列文
Unity入門遊戲開發與實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言